// 了解比邻
import { getAssetsImages } from '@/utils'
import { defineComponent } from 'vue'
import styles from './understand.module.less'

export default defineComponent({
  setup() {
    const infoList = [
      {
        key: 1,
        number: '700',
        title: '余家',
        content: '全国已有合作高中机构'
      },
      {
        key: 2,
        number: '300',
        title: '万',
        content: '累计注册客户达到'
      },
      {
        key: 3,
        number: '40',
        title: '余万',
        content: '免费累计服务学员'
      },
      {
        key: 4,
        number: '1',
        title: '万人',
        content: '平台注册规划师已达'
      }
    ]
    return () => (
      <div class={styles['understand-content']}>
        <div class={styles['understand-box']}>
          <img src={getAssetsImages('education-bg3.webp')} alt="" class={styles['img-box']} />
          <div class={styles['footer-box']}>
            <div class={styles['ul-box']} data-aos="fade-up" data-aos-delay="100">
              {infoList.map((info, index) => {
                return (
                  <div class="flex-row items-center">
                    <li class={`${styles['list-group-item']} flex-col`}>
                      <div class={styles['top-box']}>
                        <p class={styles.text1}>{info.number}</p>
                        <p class={styles.text2}>{info.title}</p>
                      </div>
                      <div class={styles['footer-text']}>{info.content}</div>
                    </li>
                    {index !== infoList.length - 1 ? (
                      <div class={styles['line-item']}></div>
                    ) : (
                      <></>
                    )}
                  </div>
                )
              })}
            </div>
          </div>
          <div class={styles['center-box']}>
            <p class={styles['header-text']} data-aos="fade-up">
              欢迎了解比邻
            </p>
            <p class={styles['content-text']} data-aos="fade-up" data-aos-delay="100">
              比邻在线北京有限责任公司，集生涯基础理论研究、应用系统开发、服务实践落地于一体的企业。在新高考改革背景下，公司响应教育部新高考教育改革战略，以助力建设适应新时代中国社会学生发展，企业深耕高中教育市场，率先提出“以人为本，个性化发展”的升学规划理念，
              <br />
              公司在全国31个省份发展合作学校及机构200余家，为超过50万学子提供了科学的个性化学业生涯规划指导服务，未来比邻高考以为规划两亿青少年多彩人生为企业愿景，专业提供学生生涯规划、新高考选科、升学规划、志愿填报等整体解决方案，帮助学子筑就精彩人生。
            </p>
          </div>
        </div>
      </div>
    )
  }
})
